<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/style·.css">
</head>
<body>
       <!-- 导航栏 -->
       <nav class=" navbar-default" role="navigation">
        <div class="container-fluid"> 
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
             <p>XXX婚纱</p>
        </div>
        <div class="collapse navbar-collapse pull-right" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="wzsy.html" target="_blank">网站首页</a></li>
                <li><a href="gwym.html" target="_blank">关于我们</a></li>
                <li><a href="cpjs.html"  target="_blank">产品鉴赏</a></li>
                <li><a href="qyfw.html" target="_blank">企业服务</a></li>
                <li><a href="xwzy.html" target="_blank">新闻资讯</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们</a> 
            </ul>
        </div>
        </div>
    </nav>
    <!-- 导航结束 -->
    <img src="./img/fir5.jpg" alt="" class="mm">

    <div class="container">
        <div class="row" >
    <div class=" col-md-3 col-sm-4 col-xs-4">
         <div class="navred">
             <h4 class="navred1">产品展示</h4> 
             <h4 class="navred2">PRODUCTES</h4>
         </div>
         <div class="navred">
                 <h4>婚纱展示</h4>
                 <p><a href="#">>简约婚纱</a></p>
                 <p><a href="#">>典雅婚纱</a></p>  
                 <p><a href="#">>美式婚纱</a></p> 
                
         </div>
        <div class="navred">
                 <h4>礼服展示</h4>
                 <p><a href="#">>伴娘礼服</a></p>
                 <p><a href="#">>彩色礼服</a></p>  
                 <p><a href="#">>短款礼服</a></p> 
                
         </div>
         <div class="navred">
                 <h4>西装展示</h4>
                 <p><a href="#">>燕尾西装</a></p>
                 <p><a href="#">>欧式西装</a></p>  
                 <p><a href="#">>典雅服装</a></p> 
                
         </div>
         <div class="navred navredd">
                 <h4>配件展示</h4>
         </div>
    </div>
 <div class="gsjj">
                <span class="pull-left">公司简介</span>
                <span class="pull-right">您当前的位置：首页 > 关于我们 > 公司简介</span>
            </div>
         <div class="nav123 col-md-3 col-sm-4 col-xs-4">
           
             <img src="img/pro2.jpg" alt="" class="yc">
             <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
             <p>美式婚纱</p>
             <div class="border"><a href="#">MORE></a></div>
         </div>
         <div class="nav123 col-md-3 col-sm-4 col-xs-4">
          <img src="img/pro3.jpg" alt="" class="yc">
          <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
             <p>燕尾礼服</p>
             <div class="border"><a href="#">MORE></a></div>
         </div>
         <div class="nav123 col-md-3 col-sm-4 col-xs-4">
          <img src="img/pro4.jpg" alt="" class="yc">
          <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
             <p>简约婚纱</p>
             <div class="border"><a href="#">MORE></a></div>
         </div>
         <div class="nav123 col-md-3 col-sm-4 col-xs-4">
          <img src="img/pro5.jpg" alt="" class="yc">
          <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
          <p>头纱</p>
          <div class="border"><a href="#">MORE></a></div>
      </div>
      <div class="nav123 col-md-3 col-sm-4 col-xs-4">
          <img src="img/pro6.jpg" alt="" class="yc">
          <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
          <p>典雅礼服</p>
          <div class="border"><a href="#">MORE></a></div>
      </div>
      <div class="nav123 col-md-3 col-sm-4 col-xs-4">
          <img src="img/pro7.jpg" alt="" class="yc">
          <div class="ycimg"><img src="img/pro_sou.png" alt=""></div>
          <p>美式婚纱</p>
        <div class="border"><a href="#">MORE></a></div>
      </div>
        
    </div>
   </div>
  

               <div class="weibulogo">
                   <a href="#" class="sanjiaobac"></a>
                   <a href="#">1</a>
                   <a href="#">2</a>
                   <a href="#">...</a>
                   <a href="#">5</a>
                   <a href="#">6</a>
                   <a href="#" class="sanjiaobac1"></a>
               </div>
    <!-- 尾部 -->
    <div class="footer1">
        <ul class="hidden-sm">
            <li>
                <a href="#" class="gywm">关于我们</a>
                <a href="">公司简介</a>
                <a href="">企业文化</a>
                <a href="">荣誉资质</a>
           </li>
           <li>
               <a href="#" class="gywm">关于我们</a>
               <a href="">公司简介</a>
               <a href="">企业文化</a>
               <a href="">荣誉资质</a>
          </li>
          <li>
           <a href="#" class="gywm">关于我们</a>
           <a href="">公司简介</a>
           <a href="">企业文化</a>
           <a href="">荣誉资质</a>
      </li> 
      <li>
       <a href="#" class="gywm">关于我们</a>
       <a href="">公司简介</a>
       <a href="">企业文化</a>
       <a href="">荣誉资质</a>
  </li>
  <li>
   <a href="#" class="gywm">关于我们</a>
   <a href="">公司简介</a>
   <a href="">企业文化</a>
   <a href="">荣誉资质</a>
</li>
        </ul>
       
        <div class="erwei pull-right">
                    <img src="./img/erwei.jpg" alt="" class="erweima">
                     <h3>微信公众号</h3>
                    <div class="pull-right hidden-sm lxr" >
                    <div ><img src="./img/bt1.png" alt="">
                      <span>联系人：李女士</span> </div>
                      <div><img src="./img/bt2.png" alt="">
                       <span>联系人：李女士</span> </div>
                       <div><img src="./img/bt3.png" alt="">
                           <span>联系人：李女士</span> </div>
                       </div>
                       <div class="clearfix"></div>
        </div>
    </div>
</body>
</html>